<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style>
#div_top{
	height:30px; /* 메뉴 사이즈 줄수 있음. */
	padding-top:5px;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 2px 2px 5px #aaaaaa;
}

#gnb {
	margin: 0;
	padding: 0;
	overflow:hidden
}
#gnb li {
	/* float: left; */
	display:inline-block;
	list-style: none;
	
	font: 12px 맑은고딕  /*12px Tahoma, Arial  */
}

#gnb li a {
	display: block;
	font-weight: bold;
	background: #09C;  /* 메인메뉴 색상  */
	padding: 5px 12px;
	text-decoration: none;
	/* border-right: 1px solid white; */
	width: 90px;
	color: #EAFFED;
	white-space: nowrap
}
#gnb li a:hover {
	background: #676eb0  /* 마우스 오버시 상단 박스색상 #24313C(블랙)*/
}
#gnb li ul {
	width:90px;
	margin: 0;
	padding: 0;
	position: absolute;
	display:none;
	/* border-top: 1px solid white */
}
#gnb li ul li {
	float: none;
	display: inline
}
#gnb li ul li a {
	width: 90px;
	background: #7fcce5;   /* 연블루(#7fcce5) , 마우스오버 배경색상 #A9C251;(녹색)  */
	color: #24313C
}
#gnb li ul li a:hover {
	color: #ffffff;
	background: #676eb0  /*마우스 오버시 서브메뉴 박스색상 #8EA344(진녹) */
}

#top_logo{
	/* width:1200px;
	height:170px; */
	text-align:center;
	font-color:#eeeeee;
	font-size:50pt;
	font-weight: bold;
}

#top_menu{
	width:1200px;
	margin:auto;
	height:25px;
	padding-top:10px;
	font-size: 12px;
	font-weight: bold;
	color:#ffffff;
	background-color: #666666;
}
.top_calendar{
	text-decoration: none;
	color:#ffffff;
}
.top_calendar:hover{
	text-decoration: none;
	color:#dddddd;
}

.top_info{
	text-decoration: none;
	color:#ffffff;
}
.top_info:hover{
	text-decoration: none;
	color:#dddddd;
}

.top_logout{
	text-decoration: none;
	color:#ffffff;
}
.top_logout:hover{
	text-decoration: none;
	color:#dddddd;
}	
#top_calendar{
	margin-left:880px;
}

</style>
<script src="./main/js/jquery.min.js" type="text/javascript"></script>
<script src="./main/js/gnbnav.js" type="text/javascript"></script>
</head>
<body>
<div id="top_menu">
	<div id="top_calendar"><a class='top_calendar' href="#">회사일정관리</a></div> /
	<div id="top_info" ><a class='top_info' href="#">정보조회</a></div> /
	<div id="top_logout" ><a class='top_logout' href="#">로그아웃</a></div>
</div>
<!-- <div id="top_logo"><img src="./images/logoimg.jpg"></div> -->
<div id="top_logo">CLAMP</div>

<nav>
<div id="div_top" style="background-color:#09C; width:1200px;margin:auto;" align="center">
<ul id="gnb">
  <li><a href="index.jsp?inc_content=./main/content.jsp">HOME</a>
  </li>
  <li><a href="index.jsp?inc_content=./board/board_list.jsp">공지사항</a>
  </li>
  <li><a href="index.jsp?inc_content=./company/company_chart.jsp">조직도</a>
  </li>
  <li><a href="#">상품소개</a>
  </li>
  <li><a href="index.jsp?inc_content=./company/company_welfare.jsp">직원복지</a>
  </li>
  <li><a href="index.jsp?inc_content=./board/board_list.jsp">부서별게시판</a>
  	<ul>
      <li><a href="index.jsp?inc_content=./board/board_list.jsp">인사팀</a></li>
      <li><a href="index.jsp?inc_content=./board/board_list.jsp">개발팀</a></li>
      <li><a href="index.jsp?inc_content=./board/board_list.jsp">총무팀</a></li>
      <li><a href="index.jsp?inc_content=./board/board_list.jsp">CS팀</a></li>
    </ul>
  </li>
  <li><a href="index.jsp?inc_content=./board/board_list.jsp">건의사항</a>
  </li>
  <li><a href="index.jsp?inc_content=./salary/salary_list.jsp">사원관리</a>
  </li>
  <!-- 로그인이 된 상태에서만 볼수 있는 메뉴 --> 
		<%-- <% if(sessionID.equals("crankht")){ %> 
				<li><a href='./salary/salary_list.jsp'><span>사원관리</span></a></li>	
		<%} %> --%>
</ul>
</div>
</nav>

</body>
</html>